@charset "utf-8";
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, select {margin:0;padding:0;font-family:"Microsoft Yahei","微软雅黑","Arial";}
html{height:100%;}
body{color:#000;font-family:"Microsoft Yahei","微软雅黑","Arial";}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;}
img{outline-width:0px;border:none;vertical-align:middle;}
table{border-collapse:collapse; border-spacing:0;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;line-height:120%;}
input,textarea,select,button{border:1px solid #CCC;font-family:"Microsoft Yahei","微软雅黑","Arial";padding:0;margin:0;}

/*--类--*/
.clear{clear:both;height:0;overflow:hidden;width:0;}
.wrapper{width:1100px; margin:0 auto; position:relative; display:block;}


/*--header--*/
#header{width:100%; background:#FFF url(../img/header_bg.jpg) center;}
#header_bar{width:100%; height:30px; border-top:3px #ED1B24 solid; background-color:#FEF;}
#header_bar p{display:inline; font-size:14px; color:#666; line-height:30px;}
#header_bar .link{display:inline; background-color:#EE313A; border-radius:0 0 5px 5px; padding:0 20px; float:right; color:#FFF;}
#header_bar .link a{line-height:30px; color:#FFF; font-size:12px; margin:0 15px;}
#header_bar .link a img{width:18px; height:18px; margin:4px 0;}
.logo{width:269px; height:52px; margin:24px 0; float:left;}
.logo_text{width:140px; height:44px; margin:28px 5px; float:left;}
.logo_text p{line-height:22px; font-size:16px; color:#666;}

#header .tel{float:right; height:46px; margin:27px 0; padding-left:42px; background:url(../img/header_kf.png) left no-repeat;}
#header  .tel_t1{line-height:18px; font-size:14px; color:#666;}
#header  .tel_t2{line-height:28px; font-size:24px; color:#ED1B24;}

#nav{width:100%; background-color:#333; height:52px;}
#nav ul{display:block; width:1100px; margin:0 auto;}
#nav ul li{display:block; position:relative; float:left; border-right:1px #555 solid;}
#nav ul li.no_border{border-right:0;}

#nav ul li a{display:block; height:52px; line-height:52px; width:136.5px; text-align:center; color:#FFFFFF; font-size:16px;}
#nav ul li a:hover{background-color:#ED1B24;}

#nav ul li:hover dl{display:block;}
#nav ul li dl{display:none; position:absolute; width:136.5px; z-index:1001; left:0px; top:52px; background-color:#555; padding-bottom:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
#nav ul li dl dd{height:40px; border-bottom:1px #888 solid;}
#nav ul li dl dd a{color:#FFF; display:block; width:136.5px; height:40px; line-height:40px; text-align:center; font-size:14px;}
#nav ul li dl dd a:hover{background-color:#ED1B24;}


/* footer */
#footer{width:100%; border-top:5px #CCC solid; background-color:#202120;}
#footer_logo{float:left; height:140px; width:220px; border-right:1px #CCC solid; margin:30px 0; background:url(../img/logo_footer.png) center no-repeat;}
#footer_text{float:left; height:140px; width:550px; margin:30px 20px;}
#footer_text p{line-height:35px; font-size:12px; color:#CCC;}
#footer_weixin{float:right; height:140px; width:200px; margin:30px 20px;}
#footer_weixin img{width:114px; height:114px; margin:0 43px;}
#footer_weixin p{line-height:30px; font-size:12px; text-align:center; color:#CCC;}

#footer_bar{width:100%; height:30px; background-color:#111; color:#CCC; text-align:center; font-size:12px; line-height:30px;}

#footer a{color:#CCC;}
#footer a:hover{color:#ED1B24;}


/* sub page */
.sub_banner{margin-top:0px; width:100%; height:240px; background-color:#EEEEEE;}

.sub_content{width:1100px; margin:0 auto;}
.left_content{float:left; width:260px;}
.right_content{float:right; width:835px;}
.sub_nav{width:260px; position:relative;}
.sub_title{position:absolute; z-index:100; top:-50px; width:220px; height:50px; padding:0 20px; background-color:#ED1B24; color:#FFF; font-size:18px; line-height:50px;}
.sub_nav_link{width:228px; padding:15px; border-left:1px #CCC solid; border-right:1px #DDD solid; border-bottom:1px #CCC solid;}
.sub_nav_link a{display:block; margin:0 5px; border-bottom:1px #CCC dotted; line-height:40px; font-size:14px; color:#666; padding-left:15px; background:url(../img/li_pic.png) left center no-repeat;}
.sub_nav_link a:hover{background-color:#EEE; color:#ED1B24; border-bottom:1px #ED1B24 solid;}

.left_contact{margin:10px 0; width:260px;}
.sub_contact_title{width:220px; height:50px; padding:0 20px; background-color:#DDD; color:#333; font-size:16px; line-height:50px;}
.sub_contact_title img{margin:15px 8px 15px 0; width:16px; height:20px;}
.sub_nav_body{width:228px; padding:15px; border-left:1px #CCC solid; border-right:1px #DDD solid; border-bottom:1px #CCC solid;}
.sub_nav_body img{border:1px #DDD solid; padding:3px; margin-bottom:10px;}
.sub_nav_body p{margin:5px; line-height:20px; font-size:12px; color:#666;}

.sub_path{line-height:30px; border-bottom:1px #DDD solid; font-size:12px; color:#666; padding:0 10px;}
.sub_path a{font-size:12px; color:#666;}
.sub_path a:hover{color:#ED1B24;}
.page_sub_title{color:#ED1B24; font-weight:bold; font-size:14px;}
.page_sub_path{float:right;}


/* 客服  */
.gt_rmenu{position:fixed; right:1px; bottom:80px; z-index:999;}
.gt_rmenu .btn{width:50px; height:50px; margin-bottom:1px; cursor:pointer; position:relative;}
.gt_rmenu .btn-qq{background:url(../img/r_menu.png) 0px 0px no-repeat; background-color:#555;}
.gt_rmenu .btn-qq:hover{background-color:#488bc7;}
.gt_rmenu a.btn-qq,.gt_rmenu a.btn-qq:visited{background:url(../img/r_menu.png) 0px 0px no-repeat; background-color:#555; text-decoration:none; display:block;}
.gt_rmenu .btn-wx{background:url(../img/r_menu.png) 0px -50px no-repeat; background-color:#555;}
.gt_rmenu .btn-wx:hover{background-color:#58a81c;}
.gt_rmenu .btn-wx .pic{position:absolute; left:-150px; top:-50px; display:none; width:150px; height:150px;}
.gt_rmenu .btn-phone{background:url(../img/r_menu.png) 0px -100px no-repeat; background-color:#555;}
.gt_rmenu .btn-phone:hover{background-color:#ff811b;}
.gt_rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:50px; color:#FFF; font-size:18px; text-align:center; display:none;}
.gt_rmenu .btn-top{background:url(../img/r_menu.png) 0px -150px no-repeat; background-color:#666666; display:none;}
.gt_rmenu .btn-top:hover{background-color:#444;}
